<!DOCTYPE html>
<html lang="zn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            width: 800px;
            height: 500px;
            margin: 80px auto;
            background-color: black;
        }
        
        img {
            display: inline-block;
            margin: 50px 0px 0px 30px;
            height: 350px;
        }
        
        a {
            display: inline-block;
            margin: 30px 220px;
            font: 30px "幼圆";
            color: rgb(255, 255, 255);
            text-align: center;
        }
        
        .p1 {
            display: inline-block;
            margin: 0px 180px;
            font: 20px "幼圆";
            color: rgb(255, 255, 255);
        }
        
        .p2 {
            display: inline-block;
            margin: 0px 170px;
            font: 20px "幼圆";
            color: rgb(255, 255, 255);
        }
    </style>
</head>

<body>
    <img src="000.jpg" alt="">
    <img src="111.jpg" alt="">
    <p class="p1">微信</p>
    <p class="p2">
        QQ
    </p>
    <a>后面三个的内容是一样的哟<br>不用再点啦</a>
</body>

</html>